iT邦幫忙

2018 iT 邦幫忙鐵人賽
0
Modern Web

30天學習30套前端技術(2018年)系列 第 47

[十分鐘學習] Faker.js - 做假資料的利器

  • 分享至 

  • xImage
  •  

example1

可以在瀏覽器或Node.js產生大量的假數據。測試時期相當方便的東西,也可以透過Google Extension來運作

GitHub Star: 12,900
Javascripting Overall: 90%
瀏覽器: ChromeFirefoxIE9+
RWD: 不支援(可運作)
License: MIT


《安裝》

  • CDN

      <!-- Handlebars.js v4.0.11 -->
      <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.min.js"></script>
    
  • npm

      $ npm install faker
    

《範例》

  • 產生隨機姓名和信箱

      Name: <input type="text" id="name" />
      Email: <input type="text" id="email" />
      <button onclick="javascript: generator()">Generator</button>
      <script>
      function generator() {
      	document.getElementById( "name" ).value = faker.name.findName(); // 產生姓名
      	document.getElementById( "email" ).value = faker.internet.email(); // 產生信箱
      }
      </script>
    

《延伸》

  1. Marak/faker.js: generate massive amounts of fake data in Node.js and the browser

上一篇
[十分鐘學習] Handlebars.js - 輕量型模板套件
下一篇
[十分鐘學習] TinyMCE - HTML編輯器
系列文
30天學習30套前端技術(2018年)61
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言